<style>
.nav ul li.nav_li ul.sub_nav2_ul{
	position: absolute;
	display: none;
	background: #6d7a84;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.nav ul li.nav_li ul.sub_nav2_ul a{
	margin: 0 2px;
}
<!-- {$Think.lang.NAV_CSS} -->
</style>

<script type="text/javascript">
	$(function() {
		$(".nav ul li.nav_li:last").css("background-image","none");
		$(".nav li.nav_li").hover(function() {
			var next = $(this).find(".sub_nav_ul");
			if (next.length > 0) {
				var width = $(this).width();
				next.show();
				var browser=$.browser;
				if(browser.msie&&parseInt(browser.version)<8){
					next.width(width-2);
					next.find("li").width(width-2);
				}
			} else {
				//$(this).addClass("nav_current");
			}
			$(this).addClass("nav_current");
		}, function() {
			$(".sub_nav_ul").hide();
			$(".nav li.nav_li").removeClass("nav_current");
		});
		
		var hasHover = false;
		$(".nav li.sub_nav_li").hover(function(){
			var next = $(this).find(".sub_nav2_ul");
			next.show();
			next.css({"left":$(this).width(),"width":$(this).width()+10,"top":$(this).index() * 39});
		},function(){
			if (!hasHover) {
				$(".nav ul.sub_nav2_ul").hide();
			}
		});
		
		
		$(".nav ul.sub_nav2_ul").hover(function(){
			hasHover = true;
		},function(){
			hasHover = false;
			$(this).hide();
		});
	})
</script>

<div class="nav">
	<ul class="nav_ul">
		<foreach name="modules.hierarchy" item="mod">
		<if condition="$mod.seen eq 1">
		<li
			class="nav_li <if condition='$module and $module[id] eq $mod[id]'>nav_module</if>">
			<a
			href="<empty name='mod.url'><if condition='$mod.module_leaf eq 1'>__APP__/mod/{$mod.id}<else/>javascript:void(0)</if><else/>{$mod.url}</empty>">{$mod.name}</a>
			<notempty name="mod.next"> <!-- 只允许显示两层 -->
			<ul class="sub_nav_ul">
				<foreach name="mod.next" item="m"> <if
					condition="$m.seen eq 1">
				<li class="sub_nav_li"><a
					href="<empty name='m.url'>__APP__/mod/{$m.id}<else/>{$m.url}</empty>">{$m.name}</a>
					<notempty name="m.next">
						<ul class="sub_nav2_ul">
							<foreach name="m.next" item="m2">
							<if condition="$m2.seen eq 1">
								<li class="sub_nav_li">
								<a href="<empty name='m2.url'>__APP__/mod/{$m2.id}<else/>{$m2.url}</empty>">{$m2.name}</a>
								</li>
							</if>
							</foreach>
						</ul>
					</notempty>
				</li>
				</if> </foreach>
			</ul>
			</notempty>
		</li>
		</if> 
		</foreach>
	</ul>
</div>
